<!--
 * @Author: your name
 * @Date: 2021-07-21 20:23:30
 * @LastEditTime: 2021-07-21 22:05:37
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \noproblemi:\实训东软H5\仓库\h5_2002\编码\cat\src\views\inquiry\InServe1.vue
-->

<template>
  <div class="Opservice1-message">
    <div class="left">
      <img
        src="	http://www.ananpet.com/Public/Uploads/Treatment/2018-09-04/5b8e210c26c95.jpg"
        alt=""
      />
    </div>
    <div class="right">
      <h2>猫专科</h2>
      <div class="message" v-for="(all,index) in pagemessage" :key="index">
        {{all.messages}}
      </div>
      <el-button type="primary" round @click="ToHospital">查看门店</el-button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      pagemessage: [
        {
          photo: 'http://www.ananpet.com/Public/Uploads/Treatment/2018-09-04/5b8e210c26c95.jpg',
          department: '猫专科',
          messages: '猫专科中心以毛军福博士为核心，围绕猫学科的特点开展猫传染性疾病、内分泌疾病、慢性肝肾疾病等多方面的深入研究，在全国猫病诊疗领域享有声誉。芭比堂集团也致力于将猫友好医院理念推广至全国，在全国芭比堂医院内设置猫独立诊所，独立候诊区，猫独立住院部，猫专用住院笼，让猫在芭比堂诊所内从容、安静就诊，温馨完成猫整个诊疗过程，让猫和猫主人不再惧怕动物医院。芭比堂猫科中心的硬件、诊疗流程个技术实力已经达到国际标准，也在广州率先获得国际ISFM猫友好诊所认证，将更专业地为广大猫咪主人服务。'
        }
      ]
    };
  },
  methods: {
    ToHospital() {
      this.$router.push('/Hospital');
    }
  }
};
</script>

<style lang="less" scoped>
.Opservice1-message {
  display: flex;
  justify-content: space-between;
  .left {
    img {
      width: 300px;
      height: 400px;
    }
  }
  .right {
    display: flex;
    flex-direction: column;
    margin-left: 100px;
    h2 {
      border-color: white white black white;
      border-style: solid;
    }
    .message {
      margin-top: 50px;
      margin-bottom: 50px;
    }
    .el-button {
      width: 200px;
      height: 50px;
      .el-button--primary {
        background-color: rgb(238,162,164) !important;
      }
    }
  }
}
</style>